<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>卖家中心</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/maijiazhongxin.css" />
    <link rel="stylesheet" type="text/css" href="css/daohang.css" />
    <script type="text/javascript" src="js/jquery-1.11.3.min.js" /></script>
    <script type="text/javascript">
            $(document).ready(function(){
                $(".daohang4tan").hide();
                $(".daohang5tan").hide();

                $(".daohang4,.daohang4tan").hover(function(){
                    $(".daohang4").css({"background":"white","border":"1px solid #EEEEEE"});
                    $(".daohang4tan").show();
                },function(){
                    $(".daohang4").css({"background":"#F5F5F5","border":"0px"});
                    $(".daohang4tan").hide();
                });

                $(".daohang5,.daohang5tan").hover(function(){
                    $(".daohang5").css({"background":"white","border":"1px solid #EEEEEE"});
                    $(".daohang5tan").show();
                },function(){
                    $(".daohang5").css({"background":"#F5F5F5","border":"0px"});
                    $(".daohang5tan").hide();
                });

                $('.xiala').click(function () {
                    $('.list2').slideToggle('slow');
                    if($("#xia").attr("class")=="glyphicon glyphicon-menu-up"){
                        $("#xia").attr("class","glyphicon glyphicon-menu-down");
                    }
                    else{
                        $("#xia").attr("class","glyphicon glyphicon-menu-up");
                    }
                });
                $('.zhongxin p').click(function(){
                    $('#zhongxintan').attr("class","show");
                    $("#zhaopintan1").attr("class","hide");
                    $("#zhaopintan2").attr("class","hide");
                    $("#zhaopintan3").attr("class","hide");
                    $("#zhaopintan4").attr("class","hide");
                    $("#shangjiatan").attr("class","hide");
                    $("#jiaoyitan").attr("class","hide");
                    $("#shoucangjiatan").attr("class","hide");
                });
                $('#zhaopin1').click(function(){
                    $('#zhongxintan').attr("class","hide");
                    $("#zhaopintan1").attr("class","show");
                    $("#zhaopintan2").attr("class","hide");
                    $("#zhaopintan3").attr("class","hide");
                    $("#zhaopintan4").attr("class","hide");
                    $("#shangjiatan").attr("class","hide");
                    $("#jiaoyitan").attr("class","hide");
                    $("#shoucangjiatan").attr("class","hide");
                });
                $('#zhaopin2').click(function(){
                    $('#zhongxintan').attr("class","hide");
                    $("#zhaopintan1").attr("class","hide");
                    $("#zhaopintan2").attr("class","show");
                    $("#zhaopintan3").attr("class","hide");
                    $("#zhaopintan4").attr("class","hide");
                    $("#shangjiatan").attr("class","hide");
                    $("#jiaoyitan").attr("class","hide");
                    $("#shoucangjiatan").attr("class","hide");
                });
                $('#zhaopin3').click(function(){
                    $('#zhongxintan').attr("class","hide");
                    $("#zhaopintan1").attr("class","hide");
                    $("#zhaopintan2").attr("class","hide");
                    $("#zhaopintan3").attr("class","show");
                    $("#zhaopintan4").attr("class","hide");
                    $("#shangjiatan").attr("class","hide");
                    $("#jiaoyitan").attr("class","hide");
                    $("#shoucangjiatan").attr("class","hide");
                });
                $('#zhaopin4').click(function(){
                    $('#zhongxintan').attr("class","hide");
                    $("#zhaopintan1").attr("class","hide");
                    $("#zhaopintan2").attr("class","hide");
                    $("#zhaopintan3").attr("class","hide");
                    $("#zhaopintan4").attr("class","show");
                    $("#shangjiatan").attr("class","hide");
                    $("#jiaoyitan").attr("class","hide");
                    $("#shoucangjiatan").attr("class","hide");
                });
                $('.shangjia span').click(function(){
                    $('#zhongxintan').attr("class","hide");
                    $("#zhaopintan1").attr("class","hide");
                    $("#zhaopintan2").attr("class","hide");
                    $("#zhaopintan3").attr("class","hide");
                    $("#zhaopintan4").attr("class","hide");
                    $("#shangjiatan").attr("class","show");
                    $("#jiaoyitan").attr("class","hide");
                    $("#shoucangjiatan").attr("class","hide");
                });
                $('.jiaoyi span').click(function(){
                    $('#zhongxintan').attr("class","hide");
                    $("#zhaopintan1").attr("class","hide");
                    $("#zhaopintan2").attr("class","hide");
                    $("#zhaopintan3").attr("class","hide");
                    $("#zhaopintan4").attr("class","hide");
                    $("#shangjiatan").attr("class","hide");
                    $("#jiaoyitan").attr("class","show");
                    $("#shoucangjiatan").attr("class","hide");
                });
                $('.shoucangjia span').click(function(){
                    $('#zhongxintan').attr("class","hide");
                    $("#zhaopintan1").attr("class","hide");
                    $("#zhaopintan2").attr("class","hide");
                    $("#zhaopintan3").attr("class","hide");
                    $("#zhaopintan4").attr("class","hide");
                    $("#shangjiatan").attr("class","hide");
                    $("#jiaoyitan").attr("class","hide");
                    $("#shoucangjiatan").attr("class","show");
                });

            });
    function deleteRow(obj){
        var tbody = document.getElementById('table2').lastChild;
        var tr = obj.parentNode.parentNode;
        tbody.removeChild(tr);
    }
    function deleteRowadd(obj){
        var tbody = document.getElementById('table1').lastChild;
        var tr = obj.parentNode.parentNode;
        tbody.removeChild(tr);
       $("#table2").append(tr);
        $("tr td:last").html("<a href='javascript:;' onclick='deleteRow(this)' style='color:#FD4301;padding-left: 5px; '>删除</a>");

    }
    </script>
</head>
<body>
<!--灰色导航栏-->
<div class="hui">
    <div class="daohang">
        <div class="daohang1"><a href="../php/index.php">首页</a></div>
        <div class="daohang2"><a href="../php/login.php">登录</a></div>
        <div class="daohang3"><a href="../php/register.php">注册</a></div>
        <div class="daohang4"><a href="#">我的淘兼职</a></div>
        <div class="daohang5"><a href="#">关于我们</a></div>

        <div class="daohang4tan"><a href="../php/gerenzhongxin.php">个人中心</a><a href="#">添加修改简历</a><a href="#">查看招聘信息</a></div>
        <div class="daohang5tan"><a href="#">网站简介</a><a href="#">组织结构</a><a href="#">发展历程</a></div>
    </div>
</div>
<div class="chen">
    <img src="img/taologo2.jpg">
    <span>卖家中心</span>
    <a href="#"class="a1">账户设置</a>
    <div class="search-pannel">
        <form>
            <div class="search-button">
                <button class="btn-search" type="submit">搜索</button>
            </div>
            <div class="search-common-pannel">
                <input type="text">
                <img src="img/sou.png">
            </div>
        </form>
    </div>
    <a href="#"class="a2">职位上架</a>
</div>
<!--容器-->
<div class="rongqi">
    <div class="left">
        <div class="hr_20"></div>
        <div class="zhongxin"><p>卖家中心</p></div>
        <ul class="list1">
            <li class="zhaopin">
                <div class="xiala">
                <span  >我的招聘</span>
                <span id="xia" class="glyphicon glyphicon-menu-up" aria-hidden="true" style="opacity:0.8;padding-left: 20px"></span>
                </div>
                <ul class="list2">
                    <li id="zhaopin1">简历管理</li>
                    <li id="zhaopin2">职位管理</li>
                    <li id="zhaopin3">快速招人</li>
                    <li id="zhaopin4">公司资料</li>
                </ul>
            </li>
            <li class="shangjia">
                <span>我的上架</span>
            </li>
            <li class="jiaoyi">
                <span>我的交易</span>
            </li>
            <li class="shoucangjia">
                <span>我的收藏夹</span>
            </li>
        </ul>
        <div class="shenghuo">
            <p>生活工具</p>
            <img src="img/tubiao.jpg" style="margin-left:40px;margin-top:10px;">
        </div>
    </div>
    <div class="right">
        <div id="zhongxintan"class="show">
            <div class="zhongxinxq">
            <div class="gaikuo">公司概括</div>
             <p>深圳市华讯方舟科技有限公司（简称“华讯”、“华讯方舟”）是一家专注于高速移动下宽带通信技术研发和应用的国家级高新技术企业，是全球领先的移动宽带网络综合服务商。<br/>&nbsp;&nbsp;&nbsp;&nbsp;
             华讯总部坐落于深圳市宝安区西乡华讯方舟移动宽带产业园，以华讯主导的中国天谷为基地依托，华讯目前设有深圳运营总部、成都云计算基地、长春高铁通信基地、荆州微波生产基地，以及包含上海自贸区华讯、前海华讯等在内的二十余家分、子公司，并控股一家上市公司华讯方舟股份（股票代码：000687）。</p>
             <div class="gstu">
              <img src="img/gs1.jpg">
              <img src="img/gs2.jpg">
              <img src="img/gs3.jpg">
             </div>
            </div>
        </div>
        <div id="zhaopintan1"class="hide">
            <div class="jianli">
                <p style="font-size:16px;">简历管理</p>
                <div style="background:#A9A7A6;width:640px;height:1px;"></div>
                <br>
                <a href="gangweigoumai.html" style="font-size:16px;">BARONET COFFEE咖啡制作师</a>
                <br>
                <div id="content" class="content">
                    <p class="style1">姓名：张三</p>
                    <p class="style2">学校：杭州电子科技大学</p>
                    <p class="style2">专业：计算机科学与技术</p>
                    <p class="style2">学历：本科</p>
                    <p class="style2">关于我：</p>
                    <p class="style2">个人专长：</p>
                    <p class="style2">工作经验：在星巴克打工3个月</p>
                    <a href="jianli.html">查看详细简历</a><br>
                    <input type="submit" name="" value="&radic;接受" style="background:#FD4301;border:0px;color:white;border-radius:5px;">&nbsp;
                    <input type="submit" name="" value="&times;拒绝" style="background:#FD4301;border:0px;color:white;border-radius:5px;">
                </div>

                <div id="content" class="content">
                    <p class="style1">姓名：王五</p>
                    <p class="style2">学校：杭州电子科技大学</p>
                    <p class="style2">专业：网络工程</p>
                    <p class="style2">学历：本科</p>
                    <p class="style2">关于我：</p>
                    <p class="style2">个人专长：</p>
                    <p class="style2">工作经验：</p>
                    <a href="">查看详细简历</a><br>
                    <input type="submit" name="" value="&radic;接受" style="background:#FD4301;border:0px;color:white;border-radius:5px;">&nbsp;
                    <input type="submit" name="" value="&times;拒绝" style="background:#FD4301;border:0px;color:white;border-radius:5px;">
                </div>

                <div id="content" class="content">
                    <p class="style1">姓名：王五</p>
                    <p class="style2">学校：杭州电子科技大学</p>
                    <p class="style2">专业：网络工程</p>
                    <p class="style2">学历：本科</p>
                    <p class="style2">关于我：</p>
                    <p class="style2">个人专长：</p>
                    <p class="style2">工作经验：</p>
                    <a href="">查看详细简历</a><br>
                    <input type="submit" name="" value="&radic;接受" style="background:#FD4301;border:0px;color:white;border-radius:5px;">&nbsp;
                    <input type="submit" name="" value="&times;拒绝" style="background:#FD4301;border:0px;color:white;border-radius:5px;">
                </div>

                <div id="content" class="content">
                    <p class="style1">姓名：hh</p>
                    <p class="style2">学校：杭州电子科技大学</p>
                    <p class="style2">专业：网络工程</p>
                    <p class="style2">学历：本科</p>
                    <p class="style2">关于我：</p>
                    <p class="style2">个人专长：</p>
                    <p class="style2">工作经验：</p>
                    <a href="">查看详细简历</a><br>
                    <input type="submit" name="" value="&radic;接受" style="background:#FD4301;border:0px;color:white;border-radius:5px;">&nbsp;
                    <input type="submit" name="" value="&times;拒绝" style="background:#FD4301;border:0px;color:white;border-radius:5px;">
                </div>
                <br><br>
                <a href="gangweigoumai.html" style="font-size:16px;">二丫头甜品店店员</a>
                <br>
                <div id="content" class="content">
                    <p class="style1">姓名：李四</p>
                    <p class="style2">学校：杭州电子科技大学</p>
                    <p class="style2">专业：网络工程</p>
                    <p class="style2">学历：本科</p>
                    <p class="style2">关于我：</p>
                    <p class="style2">个人专长：会做雪花冰、会打咖啡</p>
                    <p class="style2">工作经验：</p>
                    <a href="">查看详细简历</a><br>
                    <input type="submit" name="" value="&radic;接受" style="background:#FD4301;border:0px;color:white;border-radius:5px;">&nbsp;
                    <input type="submit" name="" value="&times;拒绝" style="background:#FD4301;border:0px;color:white;border-radius:5px;">
                </div>
                <div id="content" class="content">
                    <p class="style1">姓名：李四</p>
                    <p class="style2">学校：杭州电子科技大学</p>
                    <p class="style2">专业：网络工程</p>
                    <p class="style2">学历：本科</p>
                    <p class="style2">关于我：</p>
                    <p class="style2">个人专长：会做雪花冰、会打咖啡</p>
                    <p class="style2">工作经验：</p>
                    <a href="">查看详细简历</a><br>
                    <input type="submit" name="" value="&radic;接受" style="background:#FD4301;border:0px;color:white;border-radius:5px;">&nbsp;
                    <input type="submit" name="" value="&times;拒绝" style="background:#FD4301;border:0px;color:white;border-radius:5px;">
                </div>
                <div id="content" class="content">
                    <p class="style1">姓名：李四</p>
                    <p class="style2">学校：杭州电子科技大学</p>
                    <p class="style2">专业：网络工程</p>
                    <p class="style2">学历：本科</p>
                    <p class="style2">关于我：</p>
                    <p class="style2">个人专长：会做雪花冰、会打咖啡</p>
                    <p class="style2">工作经验：</p>
                    <a href="">查看详细简历</a><br>
                    <input type="submit" name="" value="&radic;接受" style="background:#FD4301;border:0px;color:white;border-radius:5px;">&nbsp;
                    <input type="submit" name="" value="&times;拒绝" style="background:#FD4301;border:0px;color:white;border-radius:5px;">
                </div>
            </div>
        </div>
        <div id="zhaopintan2"class="hide">3</div>
        <div id="zhaopintan3"class="hide">4</div>
        <div id="zhaopintan4"class="hide">5</div>
        <div id="shangjiatan"class="hide">
            <div class="zhiwei">
                <p style="font-size:16px;">我的上架</p>
                <div style="background:#A9A7A6;width:640px;height:1px;"></div>
                <br>
                <img src="img/eye.jpg" style="width:30px;height:20px;">
                <h4 style="margin-top:-18px;margin-left:40px;">正在上架中的职位</h4>
                <br>
                <table border="1" bordercolor="#A9A7A6" style="font-size:14px;"id="table1">
                    <tr bgcolor="#DFDFDF">
                        <td width="200">职位名称</td>
                        <td width="120">上架时间</td>
                        <td width="120">下架时间</td>
                        <td width="70">申请人数</td>
                        <td width="70">接受人数</td>
                        <td width="60">操作</td>
                    </tr>
                    <tr bgcolor="white">
                        <td width="200"><a href="gangweigoumai.html">BARONET COFFEE咖啡制作师</a></td>
                        <td width="120">2016年3月20日</td>
                        <td width="120">2016年6月20日</td>
                        <td width="70">2人</td>
                        <td width="70">0人</td>
                        <td width="60"><a href="javascript:;" onclick="deleteRowadd(this)"style="color:#FD4301;padding-left: 5px; ">下架</a></td>
                    </tr>
                    <tr bgcolor="#F7F7F7">
                        <td width="200"><a href="gangweigoumai.html">二丫头甜品店店员</a></td>
                        <td width="120">2016年3月20日</td>
                        <td width="120">2016年6月20日</td>
                        <td width="70">2人</td>
                        <td width="70">0人</td>
                        <td width="60"><a href="javascript:;" onclick="deleteRowadd(this)"style="color:#FD4301;padding-left: 5px; ">下架</a></td>
                    </tr>
                    <tr bgcolor="white">
                        <td width="200"><a href="gangweigoumai.html">sodois有限公司</a></td>
                        <td width="120">2016年5月20日</td>
                        <td width="120">2016年6月20日</td>
                        <td width="70">5人</td>
                        <td width="70">1人</td>
                        <td width="60"><a href="javascript:;" onclick="deleteRowadd(this)"style="color:#FD4301;padding-left: 5px; ">下架</a></td>
                    </tr>
                    <tr bgcolor="#F7F7F7">
                        <td width="200"><a href="gangweigoumai.html">娃哈哈店店员</a></td>
                        <td width="120">2016年3月14日</td>
                        <td width="120">2016年6月14日</td>
                        <td width="70">4人</td>
                        <td width="70">0人</td>
                        <td width="60"><a href="javascript:;" onclick="deleteRowadd(this)"style="color:#FD4301;padding-left: 5px; ">下架</a></td>
                    </tr>
                </table>


                <br><br><br><br>
                <img src="img/huixingzhen.jpg" style="width:30px;height:25px;">
                <h4 style="margin-top:-18px;margin-left:40px;">已下架的职位</h4>
                <br>
                <table border="1" bordercolor="#A9A7A6" style="font-size:14px;"id="table2">
                    <tr bgcolor="#DFDFDF">
                        <td width="200">职位名称</td>
                        <td width="120">上架时间</td>
                        <td width="120">下架时间</td>
                        <td width="70">申请人数</td>
                        <td width="70">接受人数</td>
                        <td width="60">操作</td>
                    </tr>
                    <tr bgcolor="white">
                        <td width="200"><a href="gangweigoumai.html">香格里拉面包房面包师</a></td>
                        <td width="120">2016年3月20日</td>
                        <td width="120">2016年4月20日</td>
                        <td width="70">5人</td>
                        <td width="70">5人</td>
                        <td  width="60" ><a href="javascript:;" onclick="deleteRow(this)"style="color:#FD4301;padding-left: 5px; ">删除</a></td>
                    </tr>
                    <tr bgcolor="white">
                        <td width="200"><a href="gangweigoumai.html">一点点服务员</a></td>
                        <td width="120">2016年4月20日</td>
                        <td width="120">2016年5月1日</td>
                        <td width="70">3人</td>
                        <td width="70">3人</td>
                        <td  width="60" ><a href="javascript:;" onclick="deleteRow(this)"style="color:#FD4301;padding-left: 5px; ">删除</a></td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="jiaoyitan"class="hide">7</div>
        <div id="shoucangjiatan"class="hide">8</div>
    </div>
</div>
<!--下部-->
<div style="position:absolute;top:1000px;height: 60px;width:100%;border:1px solid #eaeaea;margin-top: 40px;">
    <div align="center"style="margin-top: 20px;">@Taojianzhi.com</div>
</div>
</body>
</html>